<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body style='height:2000px;'>
	<input type="text" class='text'>
	<script>
	var ipts = document.querySelector('.text');
	
	ipts.onchange = function(){
		console.log(111);
	}
	// document.onscroll = function(){
	// 	console.log(document.documentElement.scrollTop);
	// }
	//鼠标事件
	//click 单击
	//dblclick 双击
	//mouseup 抬起
	//mousedown 按下
	//mouseover 移入
	//mouseout  移出
	//mousemove 移动
	//mousewheel 滚轮
	
	//键盘事件
	//keyup 抬起
	//keydown 按下 ==> 可以识别任意字符
	 //keypress 按下 ==> 只能识别常规字符
	 
	 //焦点事件
	 //focus ==> 获取焦点
	 //blur ==> 失去焦点
	 
	 //UI事件
	//load  预加载
	//unload 
	//size 尺寸
	//submit 提交
	//scroll 滚动条


	//input ==> 当表单元素的内容发生改变时触发
	//select事件

	//change ==> 失去焦点并且内容改变
	
	
	</script>
</body>
</html>